<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏插件更新</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 10px 20px;
            color: #333;
        }
        .dark-theme body {
             color: #ddd;
        }
        h2 {
            text-align: center;
            color: #4a9eff;
            border-bottom: 2px solid #4a9eff;
            padding-bottom: 10px;
            margin-top: 0;
        }
        h4 {
            color: #007bff;
            margin-top: 25px;
            margin-bottom: 10px;
        }
        .dark-theme h4 {
            color: #58a6ff;
        }
        ul {
            list-style-type: none;
            padding-left: 5px;
        }
        li {
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
        }
        li i {
            margin-right: 12px;
            margin-top: 5px;
            width: 20px;
            text-align: center;
            color: #555;
        }
        .dark-theme li i {
            color: #aaa;
        }
        strong {
            color: #111;
        }
        .dark-theme strong {
            color: #fff;
        }
        code {
            background-color: rgba(0,0,0,0.05);
            padding: 2px 6px;
            border-radius: 4px;
            font-family: "Courier New", Courier, monospace;
        }
        .dark-theme code {
             background-color: rgba(255,255,255,0.1);
        }
        .footer-note {
            text-align: center;
            font-size: 0.85em;
            color: #888;
            margin-top: 30px;
            padding-top: 10px;
            border-top: 1px solid #eee;
        }
        .dark-theme .footer-note {
             border-top-color: #444;
        }
    </style>
</head>
<body>
    <h2>聊天收藏器已更新至 v2.0.5 🎉</h2>
    <p>一次彻底的重构，为您带来全新的体验和强大的功能：</p>

    <h4><i class="fa-solid fa-star-of-life"></i> 核心功能</h4>
    <ul>
        <li><i class="fa-solid fa-layer-group"></i><strong>跨聊天查看：</strong>现在，您可以点击左上角的头像打开侧边栏快速切换，查看此角色/群组下所有聊天的收藏，无需来回切换对话。</li>
        <li><i class="fa-solid fa-code"></i><strong>HTML 渲染：</strong>收藏的HTML代码内容（如按钮、表格）现在可以直接在面板中渲染出实际效果，告别密密麻麻的代码！</li>
        <li><i class="fa-solid fa-expand"></i><strong>上下文速览：</strong>点击收藏项右下角的 <i class="fa-solid fa-expand"></i> 图标，会弹出一个独立小窗，立即查看该消息的前后三条对话，快速回顾语境。</li>
        <li><i class="fa-solid fa-eye"></i><strong>沉浸式预览：</strong>点击 <i class="fa-solid fa-eye"></i> 图标进入“预览模式”，主聊天界面会直接跳转到该消息的位置。屏幕右侧还会出现一个悬浮按钮，让您在不同收藏的上下文之间无缝穿梭！</li>
        <li><i class="fa-solid fa-magnifying-glass"></i><strong>智能检索：</strong>点击右上角的 <i class="fa-solid fa-magnifying-glass"></i> 图标可检索消息内容和备注。激活旁边的 <i class="fa-solid fa-filter"></i> 漏斗，则可切换为“仅备注”模式，精准查找。</li>
    </ul>

    <h4><i class="fa-solid fa-palette"></i> 体验优化</h4>
    <ul>
        <li><i class="fa-solid fa-wand-magic-sparkles"></i><strong>全新UI设计：</strong>界面经过重新设计，风格极简、护眼，并配有流畅的微动画。长按左上角头像，即可在 <strong>亮/暗</strong> 两套主题间随心切换。</li>
        <li><i class="fa-solid fa-pen-to-square"></i><strong>快捷备注：</strong>想加备注？现在只需 <strong>长按</strong> 任意消息右上角的收藏 <i class="fa-regular fa-star"></i> 图标，即可直接添加或修改，操作一气呵成。</li>
        <li><i class="fa-solid fa-book-open"></i><strong>内置使用说明：</strong>长按左上角头像，在菜单中可以找到详细的使用说明，随时查阅。</li>
    </ul>
    
    <h4><i class="fa-solid fa-wrench"></i> 即将推出</h4>
    <ul>
        <li><i class="fa-solid fa-camera"></i><strong>收藏快照：</strong>右下角的 <i class="fa-solid fa-camera"></i> 图标是为未来的“收藏截图”功能预留的，敬请期待！</li>
    </ul>

    <div class="footer-note">
        <strong>点击左上角头像是打开/关闭侧边栏，而长摁左上角头像是切换主题UI或者查看使用说明，可别忘记哦！如果有任何问题，可以直接在旅程检索“聊天收藏器”来帖子下反馈！</strong>(此消息仅在更新后显示一次,关闭这次收藏面板后将不再显示。祝您使用愉快！)
    </div>
</body>
</html>
